<template>
  <div class="index-form form-contain">
    <!-- <div class="common-banner" :style='{backgroundImage: `url(${this.banner})`}'> -->
    <div class="pyqheader">朋友圈广告</div>
    <div  class="pyqcenter">
      <div>文案:贴近生活，添加优惠信息更能吸引用户点击
详情页：标题与描述阐述具体活动内容，直接引导用户填写信息，
更能促成转化</div>
<div>优化：做A/B test测试，根据数据反馈，重新组合定向、素材、
详情页投放</div>
<div>跟踪：每日进行数据统计与分析，对比不同投放方案的效果差距，
及时调整投放方案</div>
<div>
  <p>效果数据：</p>
<div>CTR：提高3%-6%</div>
<div>客资成本：50元-80元/个</div>
<div>转化成本：140-180元/元</div>
</div>
<div>
<p>投放总结：</p>
<div>客资成本和转化成本均低于广告主的期望值；</div><div>
LBS精准定向、单次小金额投放很好满足了该广告主投放 需求；
广告主预计下次活动增加2倍预算投放。</div>
  </div>
    </div>
    <div class="pyqResults">
         <span style="margin-top:1rem">信息流广告</span> 
  <img src="static/images/pyq.png" >
  <img src="static/images/图层 1@3x.png" >
</div>
  </div>

</template>

<script>
import { getBanner } from '@/api/ajax'

export default {
  data () {
    return {
      banner: ''
    }
  },
  mounted () {
    getBanner({type: 3}).then(res => {
      this.banner = res.data.list[0].image
    })
  },
  created () {
  },
  methods: {
    addMore () {
    }
  }
}
</script>

<style lang="less">
.pyqheader{
width:4.67rem;
height:.93rem;
font-size:.93rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
 margin: 0 auto;
 margin-top: 1rem;
 text-align: center;
  }

  .pyqcenter{
   width:22.07rem;
height:20rem;
font-size:.8rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
margin: 0 auto;
margin-top: .9375rem;
position: relative;
}
.pyqResults{
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  img{
    width: 13.87rem;
    height:11.4rem;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
  }
  }
  .pyqResults>span{
width:3.67rem;
height:.67rem;
font-size:.67rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
display: block;
  margin: 0 auto;
}
</style>
